/* 容器元素 */
.page-section{width: 100%; box-sizing: border-box}
.content-wrapper{box-sizing: border-box}

/* 定位 */
.pos-abs{position: absolute}
.pos-rel{position: relative}
.pos-fix{position: fixed}
.pos-top{top: 0}
.pos-bottom{bottom: 0}
.pos-left{left: 0}
.pos-right{left: auto; right: 0}

/* Flex布局 */
.flex{display:flex;}
.flex-row{ flex-direction: row}
.flex-row-rev{ flex-direction: row-reverse}
.flex-col{ flex-direction: column}
.flex-start{ justify-content: flex-start}
.flex-end{ justify-content: flex-end}
.flex-center{ justify-content: center}
.flex-around{ justify-content: space-around}
.flex-between{ justify-content: space-between}
.flex-wrap{flex-wrap: wrap}
.align-center{align-items: center;}
.align-end{align-items: end;}

.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}

/* 元素间距 */
.space5{height: 5px}
.space10{height: 10px}
.space15{height: 15px}
.space20{height: 20px}
.space30{height: 30px}
.space40{height: 40px}
.space100{height: 100px}
.spaceToTop{height: 80px}
.wspace5{width: 5px}
.wspace10{width: 10px}
.wspace15{width: 15px}
.wspace20{width: 20px}
.wspace25{width: 25px}
.wspace30{width: 30px}
.wspace40{width: 40px}

/* 元素容器间距 */
.pd-t-5{padding-top: 5px;}
.pd-t-10{padding-top: 10px;}
.pd-t-15{padding-top: 15px;}
.pd-t-20{padding-top: 20px;}
.pd-b-5{padding-bottom: 5px;}
.pd-b-10{padding-bottom: 10px;}
.pd-b-15{padding-bottom: 15px;}
.pd-b-20{padding-bottom: 20px;}
.pd-l-5{padding-left: 5px;}
.pd-l-10{padding-left: 10px;}
.pd-l-15{padding-left: 15px;}
.pd-l-20{padding-left: 20px;}
.pd-r-5{padding-right: 5px;}
.pd-r-10{padding-right: 10px;}
.pd-r-15{padding-right: 15px;}
.pd-r-20{padding-right: 20px;}
.pd-lr-5{padding: 0 5px;}
.pd-lr-10{padding: 0 10px;}
.pd-lr-15{padding: 0 15px;}
.pd-lr-20{padding: 0 20px;}
.pd-lr-25{padding: 0 25px;}
.pd-all-35{padding: 35px;}
.pd-all-5{padding: 5px;}
.pd-all-10{padding: 10px;}
.pd-all-15{padding: 15px;}
.pd-all-20{padding: 20px;}
.pd-all-25{padding: 25px;}

.text-color-white{color: #ffffff}
.text-color-black{color: #000000}
.text-color-light{color: #F2F2F2}
.text-color-dark{color: #333333}
.text-color-purple{color: #751EC2}
.text-color-brown{color: #6E4500}
.text-color-gray{color: #999}
.text-color-gray-light{color: #c0c0c0}
.text-color-gray-dark{color: #898C9B;}
.text-color-blue{color: #0370B6}
.text-color-blue-light{color: #52E4FE}
.text-color-blue-dark{color: #090329}
.text-color-red{color: #dd524d}
.text-color-red-light{color: #FF6060}
.text-color-red-dark{color: rgba(119, 18, 12, 1)}
.text-color-green{color: #47cb5f}
.text-color-green-light{color: #56ff79}
.text-color-green-dark{color: #328942}
.text-color-golden{color: #f4a01b}
.text-color-golden-light{color: #ffaf1d}
.text-color-golden-dark{color: #b47616}

.bg-white{background:#FFFFFF}
.shop-statistic{box-sizing: border-box; background-color: #ecf0f5; padding-bottom: 40px;}
@media (min-width: 768px) {
    .shop-statistic .col-sm-6{width: 49%}
    .shop-statistic .col-sm-6:nth-child(even) {
        margin-left: 1%;
    }

    .shop-statistic .col-sm-6:nth-child(odd) {
        margin-right: 1%;
    }
}
